<template>
  <div class="home">
    <img src="http://www.atguigu.com/images/index_new/logo.png" alt="">
  </div>
</template>

<script lang="ts" setup name="Home">
import {onBeforeMount,onMounted} from "vue";
//生命周期钩子
onBeforeMount(()=>{
  console.log("Home组件挂载前")
})
onMounted(()=>{
  console.log("Home组件挂载后")
})
</script>
<style scoped>
.home {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
</style>